@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --foreground-rgb: 0, 0, 0;
  --background-start-rgb: 214, 219, 220;
  --background-end-rgb: 255, 255, 255;
}

@media (prefers-color-scheme: dark) {
  :root {
    --foreground-rgb: 255, 255, 255;
    --background-start-rgb: 0, 0, 0;
    --background-end-rgb: 0, 0, 0;
  }
}

body {

}
.video-mask-dark{
  background: linear-gradient(to right, black, rgba(0, 0, 0, 0.5), transparent, transparent, rgba(0, 0, 0, 0.5), black);
}

.video-mask{
  background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0.5), transparent, transparent, rgba(255, 255, 255, 0.5), #ffffff);
}


.custom-bg-line3 {
  background-image: linear-gradient(283.8deg, rgb(8, 124, 250) 5.73%, rgb(33, 215, 137) 100%);
  background-color: rgb(33, 215, 137);
}
